<template>
    <div class="box">
        <div class="wbox" v-for="(item, index) in iconlist" :key="index">
            <img :src="item.icon" :class="item.icon" alt="" style="font-size:33px;margin-left:3px">
            <p>{{item.title}}</p>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            iconlist:[
                {
                    title:"签到",
                    icon:'iconfont icon-kanjia'
                },{
                    title:"礼券",
                    icon:'iconfont icon-qiandao'
                },{
                    title:"砍价",
                    icon:'iconfont icon-zhuanlan'
                },{
                    title:"专栏",
                    icon:'iconfont icon-liquan'
                }
            ]
        }
    },
}
</script>
<style scoped>
    .wbox{
        width: 40px;
        height: 80px;
        /* border: 1px solid #000; */
        margin-top: 12px;
    }
    .box{
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    p{
        text-align: center;
    }
</style>